<template>
    <div class="footer">
        <van-tabbar v-model="active" route >
            <van-tabbar-item icon="home-o" to="/maintab1">工艺信息</van-tabbar-item>
            <van-tabbar-item icon="search" to="/maintab2">设备信息</van-tabbar-item>
            <van-tabbar-item icon="friends-o"  to="/maintab3">车间信息</van-tabbar-item>
            <van-tabbar-item icon="setting-o"  to="/maintab4">预警参数信息</van-tabbar-item>
            <van-tabbar-item icon="setting-o"  to="/maintab5">产品信息</van-tabbar-item>
        </van-tabbar>
    </div>
</template>


<script>

    import { ref } from 'vue';

    export default {
        name: "nav-footer",
        setup() {
            const active = ref(0);
            return { active };
        },
    };
</script>
